﻿<template>
<!-- 单位 -->
<div>
<center>
<div class="col-md-12" style="padding-right:0px;padding-left:0px;">
<div>
   <br/>
  <form class="form-inline" style="text-align:left;">
  <label for="name">&nbsp;{{$t('com_gongsimc')}}:</label>
  <input type="text" class="form-control" id="usnameval" :placeholder="$t('qsrgsmc')" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
  
   <button type="button" class="btn btn-primary">{{$t('chaxun')}}</button>
   <button type="button" style="display:" class="btn btn-success" id="addt"  data-toggle="modal" data-target="#myModal">{{$t('xinzeng')}}</button>
   <!--<button type="button" class="btn btn-primary"  >开启</button>
 <button type="button" class="btn btn-primary" id="add"  data-toggle="modal" data-target="#myModal">关闭</button>!-->
  <button type="button" class="btn btn-success" id="update" style="display:none"  data-toggle="modal" data-target="#myModal">{{$t('xinzeng')}}</button>


  </form>
  <br/>
  </div>
<div class="col-md-2"  style="padding-right:0px;padding-left:0px;display: none">    
<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">{{$t('com_dwzhanshi')}}</h3>
	</div>
	<div class="panel-body">
		<companyoperation></companyoperation>
	</div>
</div>
</div>
<div class="col-md-12" style="padding-right:0px;padding-left:5px;">
<div class="panel panel-primary" >
	<div class="panel-heading">
		<h3 class="panel-title">{{$t('com_dangweicz')}}</h3>
	</div>
	<div class="panel-body" style="height:100%;padding:0px;">
      <div class="jqGrid_wrapper"> 
                        <table id="table_list_1"></table>
                        <div id="pager_list_1"></div>
                    </div>
</div>
</div>
</div>
</div>
 </center>
   <div class="modal fade" id="myModal"  style="overflow:auto"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" >
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">{{$t('xinzeng')}}</h4>
                </div><ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a href="#jb" data-toggle="tab">
			{{$t('dev_jiben')}}
		</a>
	</li>
	<li><a href="#gj" data-toggle="tab">{{$t('dev_gaoji')}}</a></li>
</ul>
                <div class="modal-body" >
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="jb">
                    <form class="form-horizontal" role="form"> 
  <div class="form-group" >
    <label for="co_name" class="col-sm-3 control-label">{{$t('dev_mingcheng')}}<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" maxlength="20" id="co_name"  :placeholder="$t('dev_qsrmc')" 
            onkeyup="this.value=this.value.replace(/[/\\\/\s//\//]/g,'')"  
                  onblur="this.value=this.value.replace(/[/\\\/\s//\//]/g,'')">
     <span style="color: brown;"></span>
    </div>
  </div>
  <div class="form-group" style="display:none;">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_logo')}}</label>
    <div class="col-sm-9" style="text-align:left;">
    <img style="width:70px; height: 70px;" src="static/img/upload.jpg" alt="" id="logoimg" class="img-thumbnail">
	<input type="file" id="logo" name="logo" accept=".jpeg,.jpg,.png,.gif,.bmp" style="display:none">
    </div>
  </div>
   <div class="form-group" >
    <label for="company_name" class="col-sm-3 control-label">{{$t('com_shangjimc')}}<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="company_name" readonly="readonly"  :placeholder="$t('qsrsjmc')">
    <input type="hidden" id="co_id" value="">

     <span style="color: brown;"></span>
     <div id="menuContenttow" class="menuContent" style=" display:none;z-index:999999; position: absolute;width:418px">
	<!--<ul id="treeDemo"class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>-->
     <loadingtow></loadingtow>
</div>
    </div>
  </div>

 <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_danweilx')}}</label>
    <div class="col-sm-9">
     <select class="form-control" id="is_group">
         <option value="0" selected>{{$t('com_dwlx1_dw')}}</option>
       <option value="1">{{$t('com_dwlx0_kz')}}</option>
     </select>
    </div>
  </div>
 <div class="form-group" id="sbtypediv" style="display:none">
    <label for="firstname" class="col-sm-3 control-label">{{$t('dev_leixing')}}</label>
    <div class="col-sm-9">
     <select class="form-control" id="sbtype">
       <option value="0">{{$t('dev_sblx1_ds')}}</option>
        <option value="1">{{$t('dev_sblx2_ss')}}</option>
        <option value="2">{{$t('dev_sblx3_qc')}}</option>
         <option value="3">{{$t('dev_sblx4_az')}}</option>
     </select>
    </div>
  </div>
  <div class="form-group" id="widthdiv" style="display:none">
    <label for="width" class="col-sm-3 control-label">{{$t('dev_pingkuan')}}<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="width" maxlength="3" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"   :placeholder="$t('qsrpk')"><span style="color: brown;"></span>
    </div>
  </div>
     <div class="form-group" id="highdiv" style="display:none">
    <label for="high" class="col-sm-3 control-label">{{$t('dev_pinggao')}}<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="high" maxlength="3"  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" :placeholder="$t('qsrpg')"><span style="color: brown;"></span>
    </div>
  </div>
   <div class="form-group" >
    <label for="contact" class="col-sm-3 control-label">{{$t('com_lianxiren')}}<sqan style="color:red;display:">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="contact" maxlength="5"  :placeholder="$t('qsrlxr')" onkeyup="this.value=this.value.replace(/[/\\\/\s//\//]/g,'')"  
                  onblur="this.value=this.value.replace(/[/\\\/\s//\//]/g,'')"><span style="color: brown;" ></span>
    </div>
  </div>

  <div class="form-group">
    <label for="telephone" class="col-sm-3 control-label">{{$t('com_lianxiandh')}}<sqan style="color:red;display:">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="telephone"  onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  onafterpaste="this.value=this.value.replace(/[^0-9]/g,'')" maxlength="11"  :placeholder="$t('qsrlxdh')"><span style="color: brown;"></span>
    </div>
  </div>
<div class="form-group">
    <label for="address" class="col-sm-3 control-label">{{$t('com_dizhi')}}</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="address"   :placeholder="$t('qsrdz')">
    </div>
  </div>
                    
                    </form>
                    </div> 
	<div class="tab-pane fade in" id="gj">
 <form class="form-horizontal" role="form" id="home"> 
<!--<div class="form-group" >
    <label for="firstname" class="col-sm-3 control-label">功能模块<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
 <input type="text" class="form-control" id="citySel" readonly="readonly" placeholder="请选择功能模块">
       <span style="color: brown;"></span>

        <div id="menuContentmk" class="menuContentmk" style=" display:none;z-index:999999; position: absolute;width:418px">
	<ul id="treeDemo" class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>
     <functionalmodule></functionalmodule>
</div>
    </div>
		  
  </div>-->
<div class="form-group" style="display:none">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_swfwqID')}}</label>
    <div class="col-sm-9">
      <select id="Lgsv_server_id" class="form-control"></select>
     
    </div>
  </div>
  <div class="form-group"  style="display:none">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_wjfwqID')}}</label>
    <div class="col-sm-9">

    <select id="File_server_id" class="form-control"></select>
    </div>
  </div>
 <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_GPSgn')}}</label>
    <div class="col-sm-9">
    <select  id="is_GPS" class="form-control">
		<option value="1">{{$t('com_ts0_zhichi')}}</option> <option value="0">{{$t('com_ts1_bzhichi')}}</option
		
		></select>
    </div>
  </div>
 <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_quyugl')}}</label>
    <div class="col-sm-9">
    <select  id="is_regional" class="form-control">
	<option value="1">{{$t('com_ts0_zhichi')}}</option> <option value="0">{{$t('com_ts1_bzhichi')}}</option>
		
		</select>
    </div>
  </div>
 
  <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">{{$t('com_tuisong')}}</label>
    <div class="col-sm-9">
 <select  id="is_push" class="form-control">
	<option value="1">{{$t('com_ts0_zhichi')}}</option> <option value="0">{{$t('com_ts1_bzhichi')}}</option>
		</select>
    </div>
  </div>
<div class="form-group">
    <label for="push_url" class="col-sm-3 control-label">{{$t('com_jiekoudz')}}</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="push_url"   :placeholder="$t('qsrdz')">
       <span style="color: brown;"></span>
    </div>
  </div>


<div class="form-group">
    <label for="push_account" class="col-sm-3 control-label">{{$t('yonghuming')}}</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="push_account"   :placeholder="$t('com_qsryhm')">
       <span style="color: brown;"></span>
    </div>
  </div>
<div class="form-group">
    <label for="push_password" class="col-sm-3 control-label">{{$t('com_mima')}}</label>
    <div class="col-sm-9">
      <input type="password" class="form-control" id="push_password"   :placeholder="$t('com_qsrmm')" onkeyup="value=value.replace(/[^\w]/g,'')">
       <span style="color: brown;">{{$t('mmyouszzm')}}</span>
    </div>
  </div>




<div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">{{$t('dev_zhuangtai')}}</label>
    <div class="col-sm-9">
    <select title="" id="status" class="form-control"><option value="1">{{$t('com_zt0_kaiqi')}}</option> <option value="0">{{$t('com_zt1_guanbi')}}</option></select>
    </div>
  </div>
 <div class="form-group">
    <label for="explain" class="col-sm-3 control-label">{{$t('dev_shuoming')}}</label>
    <div class="col-sm-9">
   <textarea class="form-control" rows="1" id="explain" ></textarea>
    </div>
  </div>
  
</form>
	</div> </div>

<div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{$t('guanbi')}}</button>
                    <button type="button" class="btn btn-primary" id="add">{{$t('baocun')}}</button>
                </div>
                </div>
            </div>
        </div>
   </div>
</div>
</template>
<style>
/*@import '../../../../static/css/ztree/metroStyle.css';*/
@import '../../../../static/css/ztree/metroStyle.css';
.form-group{
  margin-bottom:12px;
}
</style>
<script> 
import '../../../../static/js/jqgrid/jquery.jqGrid.min.js';
import '../../../../static/js/jqgrid/grid.locale-cn.js';
import  '../../../../static/js/page/Company/list.js';
import '../../../../static/js/ztree/jquery.ztree.exedit.js';
import '../../../../static/js/ztree/jquery.ztree.exhide.js';
import companyoperation from '@/views/tree/companyoperation.vue';
import functionalmodule from '@/views/tree/functionalmodule.vue';
import loadingtow from '@/views/tree/company.vue';

export default { 
    name: 'app', 
    data(){
        return{  
      }
    },
     mounted(){  
    },
    methods:{
    },
    components: {
	companyoperation,
  functionalmodule,
  loadingtow,
  }
}
$("body").removeAttr("style");
    $("body").css("overflow","hidden");
$(function(){
//     $("#is_group").change(function(){
//      if($(this).val()=="1"){
//        $("#highdiv,#widthdiv,#sbtypediv").show();
//      }else{
// $("#highdiv,#widthdiv,#sbtypediv").hide();
//      }
//      //alert($(this).val());
// });
$("#sbtype").click(function(){
  //  console.log("在里面"+ $("#Lgsv_server_id").val())
if($("#sbtype").val()=="0" ||$("#sbtype").val()=="1"){
  $("#Lgsv_server_id").val("2");
}else{
  $("#Lgsv_server_id").val("1");
}
});
});
</script>
